<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<title>visibility和display的区别</title>
	<style type="text/css">
		body {
			width:960px;
			margin: 0 auto;
			font-family: 微软雅黑;
			font-size: 18px;
		}
		h1,h2 {
			color:green;
		}
		h2 {
			text-align: center;
		}
		div {
			width: 300px;
			float: left;
		}
		p {
			text-indent: 2em;
			line-height: 1.8em;
		}
		.visibility {
			visibility: hidden;
		}
		.display {
			display: none;
		}
		.red {
			color:red;
		}
	</style>
</head>
<body>
	<h1>家庭</h1>
<div>
	<h2 >正常版本</h2>
	<p>我独自在横跨过田地的路上走着，夕阳像一个守财奴似的，正藏起它的最后的金子。</p>
	<p class="red">白昼更加深沉地投入黑暗之中，那已经收割了的孤寂的田地，默默地躺在那里。</p>
	<p>天空里突然升起了一个男孩子的尖锐的歌声。他穿过看不见的黑暗，留下他的歌声的辙痕跨过黄昏的静谧。</p>
	<p>他的乡村的家坐落在荒凉的边上，在甘蔗田的后面，躲藏在香蕉树，瘦长的槟榔树，椰子树和深绿色的贾克果树的阴影里。</p>
	<p>
		我在星光下独自走着的路上停留了一会，我看见黑沉沉的大地展开在我的面前，用她的手臂拥抱着无量数的家庭，在那些家庭里有着摇篮和床铺，母亲们的心和夜晚的灯，还有年轻轻的生命，他们满心欢乐，却浑然不知这样的欢乐对于世界的价值。
	</p>
</div>
<div>
	<h2>visibiity:hidden</h2>
	<p>我独自在横跨过田地的路上走着，夕阳像一个守财奴似的，正藏起它的最后的金子。</p>
	<p class="visibility">白昼更加深沉地投入黑暗之中，那已经收割了的孤寂的田地，默默地躺在那里。</p>
	<p>天空里突然升起了一个男孩子的尖锐的歌声。他穿过看不见的黑暗，留下他的歌声的辙痕跨过黄昏的静谧。</p>
	<p>他的乡村的家坐落在荒凉的边上，在甘蔗田的后面，躲藏在香蕉树，瘦长的槟榔树，椰子树和深绿色的贾克果树的阴影里。</p>
	<p>
		我在星光下独自走着的路上停留了一会，我看见黑沉沉的大地展开在我的面前，用她的手臂拥抱着无量数的家庭，在那些家庭里有着摇篮和床铺，母亲们的心和夜晚的灯，还有年轻轻的生命，他们满心欢乐，却浑然不知这样的欢乐对于世界的价值。
	</p>
</div>
<div>
	<h2>display:none</h2>
	<p>我独自在横跨过田地的路上走着，夕阳像一个守财奴似的，正藏起它的最后的金子。</p>
	<p class="display">白昼更加深沉地投入黑暗之中，那已经收割了的孤寂的田地，默默地躺在那里。</p>
	<p>天空里突然升起了一个男孩子的尖锐的歌声。他穿过看不见的黑暗，留下他的歌声的辙痕跨过黄昏的静谧。</p>
	<p>他的乡村的家坐落在荒凉的边上，在甘蔗田的后面，躲藏在香蕉树，瘦长的槟榔树，椰子树和深绿色的贾克果树的阴影里。</p>
	<p>
		我在星光下独自走着的路上停留了一会，我看见黑沉沉的大地展开在我的面前，用她的手臂拥抱着无量数的家庭，在那些家庭里有着摇篮和床铺，母亲们的心和夜晚的灯，还有年轻轻的生命，他们满心欢乐，却浑然不知这样的欢乐对于世界的价值。
	</p>
</div>
</body>
</html>